<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

<h:head>
<title>Cadastro de Usuario</title>
</h:head>

<h:body>

	<p:accordionPanel id="accordion" activeIndex="null">
		<p:tab title="Cadastro de Produtos">
		
			<p:panel header="Cadastro">
				<h:form id="form1" enctype="multipart/form-data">
					<h:panelGrid columns="2">
						<p:outputLabel value="Nome do Produto"/>
						<p:inputText value="#{mbProduto.produto.produto}" 
						required="true" requiredMessage="digite o nome do Produto" placeholder="digite o nome do produto"/>
						
						
						
						<p:outputLabel value="Imagem"/>
						<p:fileUpload mode="simple" value="#{mbProduto.arquivo}"/>
						
						
						
						<p:outputLabel value="Preco"/>
						<p:inputText value="#{mbProduto.produto.preco}" 
						required="true" requiredMessage="digite o preco do produto" placeholder="digite o preco do produto"/>
						
						
					</h:panelGrid>
					
					<p:commandButton icon="ui-icon-disk" action="#{mbProduto.salvar}" 
					    ajax="false" update=":form1"/>
				
				<p:message for="form1"/>
				<p:growl/>
				</h:form>		
				
			</p:panel>
		
		</p:tab>
	
	
		<p:tab title="Lista de Produtos">
		
		  <h:form id="form2">
		  	
		  	<p:dataGrid value="#{mbProduto.listaProd}" var="linha" paginator="true" columns="2">
		  		
		  		<p:panelGrid columns="2">
		  			
		  			<h:panelGroup>
		  				
		  				<p:commandLink onclick="janela.show()" update=":form3">
		  					<p:graphicImage value="/image/#{linha.imagem}" title="#{linha.produto}" 
		  					  width="100px" />
		  				    <f:setPropertyActionListener target="#{mbProduto.produto}" value="#{linha}"/>
		  				</p:commandLink>
		  			
		  			</h:panelGroup>
		  			</p:panelGrid>
		  			 <p:commandButton   action="#{mbProduto.excluir}" 
			         ajax="false" update=":form2" onclick="if (!confirm('Deseja realmente excluir o produto #{linha.produto}?')) return false;"
			         icon="ui-icon-trash">
			          <f:setPropertyActionListener target="#{mbProduto.produto}"
                                                        value="#{linha}" />
			         
			         </p:commandButton>
		  		</p:dataGrid>
		         
		       
		  </h:form>
		
			
		</p:tab>
	
	</p:accordionPanel>
	
	
	<p:dialog widgetVar="janela" modal="true" height="400" closable="true" >
		<h:form id="form3">
			
			<p:panelGrid columns="2">
			<f:facet name="header">
				<p:graphicImage value="/image/#{mbProduto.produto.imagem}" width="150px" title="#{mbProduto.produto.produto}"/>
			</f:facet>
		
					<p:outputLabel value="Nome"/>
					<p:outputLabel value="#{mbProduto.produto.produto}"/>
					
					<p:outputLabel value="Preco"/>
					<p:outputLabel value="#{mbProduto.produto.preco}"/>
					
					
							
					
			</p:panelGrid>
		
		</h:form>
	
	</p:dialog>



</h:body>

	
</html>